<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MI企业团购</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        body{
            width: 100%;
            background-color: #f3f3f4;
            height: 450px;
        }
        div{
            width: 1240px;
            height: 300px;
            align-items: center;
            margin: 0 auto;
        }
        ol{
            margin: 50px auto;
            font-size: 22px;
            display: flex;
            justify-content: space-between;
        }
        ul{
            margin: 0 auto;
            align-items: center;
            display: flex;
            justify-content: space-between;
            text-align: center;
            box-sizing: border-box;
        }
        ul>li{
            padding-top: 50px;
            width: 234px;
            height: 300px;
            background-color: white;
        }
        img{
            width: 160px;
            height: 160px;
            margin: 0 auto 22px;
        }
        p{
            font-size: 14px;
        }
        span{
            font-size: 12px;
            color: rgba(1,1,1,0.6);
        }
        label:hover{
            color: #fd6601;
        }
    </style>
</head>
<body>
<div>
    <ol>
        <li>手机·平板</li>
        <label><li>查看全部➡</li></label>
    </ol>
    <ul>
        <li>
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628588570.47182471.jpg?f=webp&thumb=1&w=200&h=200">
            <p>Xiaomi MIX 4 8GB+256GB</p>
            <span>Xiaomi MIX 4 8GB+256GB</span>
        </li>
        <li>
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640680536.47346782.png?f=webp&thumb=1&w=200&h=200">
            <p>Xiaomi 12 Pro 12GB+256GB</p>
            <span>Xiaomi 12 Pro 12GB+256GB</span>
        </li>
        <li>
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640679180.2584160.png?f=webp&thumb=1&w=200&h=200">
            <p>Xiaomi 12 8GB+256GB </p>
            <span>Xiaomi 12 8GB+256GB </span>
        </li>
        <li>
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640680215.22997856.png?f=webp&thumb=1&w=200&h=200">
            <p>Xiaomi 12X 8GB+256GB </p>
            <span>Xiaomi 12X 8GB+256GB </span>
        </li>
        <li>
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1635333004.44998520.jpg?f=webp&thumb=1&w=200&h=200">
            <p>Redmi Note 11 Pro 8GB+256GB</p>
            <span>Redmi Note 11 Pro 8GB+256GB</span>
        </li>
    </ul>
</div>
</body>
</html>